<f:view xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:pm="http://primefaces.org/mobile" contentType="text/html">
	<pm:page id="usercheck" title="Grocery Lists">
		
		<pm:view id="answerSecurityQuestion">
			<pm:header
				title="Reset password">
			</pm:header>
			<pm:content>
				<h3>Please answer the security question!</h3>
				<p:messages id="questionMessages" autoUpdate="true" />
				<h:form id="securityQuestionForm">
					
					<h:outputText for="securityQuestion" value="Question: " />
					<h:outputText id="securityQuestion" value="#{passwordBean.userCheck.securityQuestion}" />
					<h:inputText id="securityAnswer" value="#{passwordBean.securityAnswer}"/>
					
					<pm:buttonGroup orientation="horizontal">
					
						<h:commandButton id="resetPassword" value="Reset"
							action="#{passwordBean.checkSecurityAnswer}"/>
						<p:commandButton id="cancelQuestion" value="Cancel" action="logout" />
					</pm:buttonGroup>
				</h:form>
			</pm:content>
		</pm:view>
		
	</pm:page>


</f:view>